<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head lang="en">
		<meta charset="utf-8" />
		<title>cart</title>
		<link rel="stylesheet" type="text/css" href="../../css/public.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/proList.css" />
	</head>
	<body>
		<!--------------------------------------cart--------------------->
		<div class="head ding">
			<div class="wrapper clearfix">
				<div class="clearfix" id="top">
					<h1 class="fl"><a href="index"><img src="../../img/temp/logo2.png"/></a></h1>
					<div class="fr clearfix" id="top1">
						<p class="fl">
							<a href="login" id="login">登录</a>
							<a href="reg" id="reg">注册</a>
						</p>
						<form action="#" method="get" class="fl">
							<input type="text" placeholder="搜索" />
							<input type="button" />
						</form>
						<div class="btn fl clearfix">
							<a href="mygxin"><img src="../../img/grzx.png"/></a>
							<a href="#" class="er1"><img src="../../img/ewm.png"/></a>
							<a href="cart"><img src="../../img/gwc.png"/></a>
							<p><a href="#"><img src="../../img/smewm.png"/></a></p>
						</div>
					</div>
				</div>
				<ul class="clearfix" id="bott">
					<li><a href="index">首页</a></li>
					<li>
						<a href="#">所有商品</a>
						<div class="sList">
							<div class="wrapper  clearfix">
								<a th:each="category,categoryStat:${category}" th:href="@{/front/getcategory(categoryId=${category.categoryId},sort=99)}">
									<dl>
										<dt><img th:src="@{'/files/test/pic/'+${category.photo}}"/></dt>
										<dd th:text="${category.name}"></dd>
									</dl>
								</a>
							</div>
						</div>
					</li>
					<li th:each="category,categoryStat:${category}">
						<a th:href="@{/front/getcategory(categoryId=${category.categoryId},sort=99)}">
							<span th:text="${category.name}"></span>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="cart mt">
			<!-----------------logo------------------->
			<!--<div class="logo">
				<h1 class="wrapper clearfix">
					<a href="index"><img class="fl" src="img/temp/logo.png"></a>
					<img class="top" src="img/temp/cartTop01.png">
				</h1>
			</div>-->
			<!-----------------site------------------->
			<div class="site">
				<p class=" wrapper clearfix">
					<span class="fl">购物车</span>
					<img class="top" src="../../img/temp/cartTop01.png">
					<a href="index" class="fr">继续购物&gt;</a>
				</p>
			</div>
			<!-----------------table------------------->
			<div class="table wrapper" >
				<div class="tr" >
					<div>商品</div>
					<div>单价</div>
					<div>数量</div>
					<div>小计</div>
					<div>操作</div>
				</div>
				<div class="th getId" th:each="cart,cartStat:${carts}"  >
					<div class="pro clearfix">
						<div class="cartId" style="display: none" >[[${cart.getCartId()}]]</div>
						<div class="productId" style="display: none" >[[${cart.getProductId()}]]</div>
						<label class="fl">
							<input type="checkbox"/>
    						<span></span>
						</label>
						<a class="fl" href="#">
							<dl class="clearfix">
<!--								<dt class="fl"><img src="../../img/temp/cart01.jpg"></dt>-->
								<dt class="fl"><img th:src="@{'/files/test/pic/'+${cart.getProducPhoto()}}" width="120" height="120"></dt>
								<dd class="fl">
<!--									<p th:text="${cart.getProductId()}" hidden="hidden" id="productId"></p>-->
									<p th:text="${cart.getProductName()}">创意现代简约干花花瓶摆件</p>
									<p>商品简介:</p>
									<p th:text="${cart.getProducDescription()}">白色瓷瓶+白色串枚</p>
								</dd>
							</dl>
						</a>
					</div >
<!--					<div style="display: none" >1111111111</div>-->
<!--					<div style="display: none" >[[${cart.getProductId()}]]</div>-->
					<div class="price" >￥[[${cart.getProducPrice()}]].00
					</div>
					<div class="number">
						<p class="num clearfix">
							<img class="fl sub" src="../../img/temp/sub.jpg">
							<span class="fl" th:text="${cart.getQuantity()}">1</span>
							<img class="fl add" src="../../img/temp/add.jpg">
						</p>
					</div>
<!--					<div class="price sAll" th:text="${cart.getProducPrice()*cart.getQuantity()}">￥20.00</div>-->
					<div class="price sAll" >￥[[${cart.getProducPrice()*cart.getQuantity()}]].00</div>
					<div class="price"><a class="del" href="#2">删除</a></div>
				</div>

<!--				<div class="goOn" th:if="${#lists.isEmpty(carts)}">空空如也~<a href="index">去逛逛</a></div>-->
				<div class="goOn">空空如也~<a href="index">去逛逛</a></div>
				<div style="height: 500px;	line-height:500px;font-size: 16px;color:#666;text-align: center;" th:if="${#lists.isEmpty(carts)}">空空如也~<a href="index">去逛逛</a></div>
				<div class="tr clearfix" th:unless="${#lists.isEmpty(carts)}" >
					<label class="fl">
						<input class="checkAll" type="checkbox"/>
						<span></span>
					</label>
					<p class="fl">
						<a href="#">全选</a>
						<a href="#" class="del">删除</a>
					</p>
					<p class="fr">
						<span>共<small id="sl">0</small>件商品</span>
						<span>合计:&nbsp;<small id="all">￥0.00</small></span>
<!--						<a href="order" class="count">结算</a>-->
						<a href="#" class="count">结算</a>
					</p>
				</div>
			</div>
		</div>
		<div class="mask"></div>
		<div class="tipDel">
			<p>确定要删除该商品吗？</p>
			<p class="clearfix">
				<a class="fl cer" href="#">确定</a>
				<a class="fr cancel" href="#">取消</a>
			</p>
		</div>
		<!--返回顶部-->
		<div class="gotop">
			<a href="cart">
			<dl>
				<dt><img src="../../img/gt1.png"/></dt>
				<dd>去购<br />物车</dd>
			</dl>
			</a>
			<a href="#" class="dh">
			<dl>
				<dt><img src="../../img/gt2.png"/></dt>
				<dd>联系<br />客服</dd>
			</dl>
			</a>
			<a href="mygxin">
			<dl>
				<dt><img src="../../img/gt3.png"/></dt>
				<dd>个人<br />中心</dd>
			</dl>
			</a>
			<a href="#" class="toptop" style="display: none;">
			<dl>
				<dt><img src="../../img/gt4.png"/></dt>
				<dd>返回<br />顶部</dd>
			</dl>
			</a>
			<p>400-800-8200</p>
		</div>
		<!--footer-->
		<div class="footer">
			<div class="top">
				<div class="wrapper">
					<div class="clearfix">
						<a href="#2" class="fl"><img src="../../img/foot1.png"/></a>
						<span class="fl">7天无理由退货</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="../../img/foot2.png"/></a>
						<span class="fl">15天免费换货</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="../../img/foot3.png"/></a>
						<span class="fl">满599包邮</span>
					</div>
					<div class="clearfix">
						<a href="#2" class="fl"><img src="../../img/foot4.png"/></a>
						<span class="fl">手机特色服务</span>
					</div>
				</div>
			</div>
			<p class="dibu">最家家居&copy;2013-2017公司版权所有 京ICP备080100-44备0000111000号<br />
			违法和不良信息举报电话：188-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
		</div>
		<!----------------mask------------------->
		<div class="mask"></div>
		<!-------------------mask内容------------------->
		<div class="proDets">
			<img class="off" src="../../img/temp/off.jpg" />
			<div class="proCon clearfix">
				<div class="proImg fr">
					<img class="list" src="../../img/temp/proDet.jpg"  />
					<div class="smallImg clearfix">
						<img src="../../img/temp/proDet01.jpg" data-src="../../img/temp/proDet01_big.jpg">
						<img src="../../img/temp/proDet02.jpg" data-src="../../img/temp/proDet02_big.jpg">
						<img src="../../img/temp/proDet03.jpg" data-src="../../img/temp/proDet03_big.jpg">
						<img src="../../img/temp/proDet04.jpg" data-src="../../img/temp/proDet04_big.jpg">
					</div>
				</div>
				<div class="fl">
					<div class="proIntro change">
						<p>颜色分类</p>
						<div class="smallImg clearfix">
							<p class="fl on"><img src="../../img/temp/prosmall01.jpg" alt="白瓷花瓶+20支快乐花" data-src="../../img/temp/proBig01.jpg"></p>
							<p class="fl"><img src="../../img/temp/prosmall02.jpg" alt="白瓷花瓶+20支兔尾巴草" data-src="../../img/temp/proBig02.jpg"></p>
							<p class="fl"><img src="../../img/temp/prosmall03.jpg" alt="20支快乐花" data-src="../../img/temp/proBig03.jpg"></p>
							<p class="fl"><img src="../../img/temp/prosmall04.jpg" alt="20支兔尾巴草" data-src="../../img/temp/proBig04.jpg"></p>
						</div>
					</div>
					<div class="changeBtn clearfix">
						<a href="#2" class="fl"><p class="buy">确认</p></a>
						<a href="#2" class="fr"><p class="cart">取消</p></a>
					</div>
				</div>
			</div>
		</div>
		<div class="pleaseC">
			<p>请选择宝贝</p>
			<img class="off" src="../../img/temp/off.jpg" />
		</div>
		<script src="../../js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/public.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/pro.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/cart.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../../js/sweetalert.min.js"></script>


	</body>
</html>
